﻿/*所有页面通用CSS*/
@font-face {
    font-family: 'fzdhjt';
    src: url('fzdhjt.ttf') format('truetype');
}
*{font-family: "Helvetica Neue",Helvetica,Arial;-webkit-tap-highlight-color:transparent; box-sizing:border-box;margin:0px;padding:0px 0px 0px 0px;-webkit-user-select:none;outline:none;}
/**:not(svg,g,text),*:not(.swiper-container){transform:translate3d(0,0,0)}*/
a,a:hover,a:link,a:active{text-decoration:none;}
ul,li{list-style:none none;}
body{margin:0 auto;height:100%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;  -ms-flex-direction: column;  flex-direction: column;}
td{-webkit-user-select: text;user-select: text;-moz-user-select: text;-ms-user-select: text;}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus { outline: none;}
.btn i{margin-right:4px;}

/*通用样式*/
/*关闭响应*/
.disable{pointer-events:none;opacity:0.5}
/*遮罩*/
.mask{position:absolute;top:0px;left:0px;right:0px;bottom:0px;width:1920px;height:1080px;overflow:hidden;z-index:999;background-color:rgba(0,0,0,0.2);display:none;}
/*渐变底边*/
.linearborder{border-bottom:1px solid ;border-image: -webkit-linear-gradient(left,#121235,#38388e,#121235) 30 30;}
/*警告信息*/
.alert{position:fixed;top:0;left:50%;width:100%; max-width:640px;z-index:999;transform:translateX(-50%);display:none;}
.alert a+a{margin-left:20px;}
.over-flow-y{overflow-y:scroll;}
.over-flow-y::-webkit-scrollbar{width:2px; border-radius:0px;}
.over-flow-y::-webkit-scrollbar-track{width:2px; border-radius:5px;}
.over-flow-y::-webkit-scrollbar-thumb{width:2px; border-radius:5px;}

.login {
    width: 430px;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 10px 45px 30px 45px;
}
.login .title .cn{width:100%;float:left;line-height:45px;color:#222;font-size:24px;text-align:center;}
.login .title .summary{width:100%;float:left;line-height:45px;color:#222;font-size:16px;text-align:center;color:#787878;}
.login .form-group{margin-bottom:20px;}
.login #userLogin{width:100%;margin-top:20px;display:block;float:left;}
.login #captcha-img,.login #find-password{line-height:35px;}
.login .messager{width:100%;margin-top:20px;text-align:center;height:35px;line-height:35px;}
.login #captcha-img canvas{width: 100%;   height: 100%; }
.login #captcha-img #code_img {max-width:100%;max-height:100%; cursor: pointer; vertical-align: top; }

/*表格专用*/
.record-tool{}
.record-tool li{float:left;padding:5px}

.data-table td{vertical-align:middle !important;}
.data-table .table-bordered > tfoot > tr > td{border:0px none;}
.data-table tfoot .pagination{margin:0px;}
.data-table tfoot .table-summary{display:inline-block;line-height: 1.42857143;vertical-align:middle;padding:6px 12px;}


/*页面*/
#wrapper{display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;  flex-direction: column;}
/*页头*/
#header{width:100%;height:70px;display: table; table-layout: fixed;z-index:99;backface-visibility: hidden; position: fixed; top: 0; left: 0; right: 0;}
#header .brand{width:225px;padding:0px 30px;height:100%;position:relative;z-index:10;display:table-cell;}
#header .brand .logo{width:100%;text-align:left;line-height:70px;font-size:24px;}
#header .brand .logo img{max-width:100%;max-height:100%;display:inline-block;}
#header .brand .menutool{width:70px;height:70px;text-align:center;line-height:70px;position:absolute;right:0px;top:0px;left:auto;bottom:0px;cursor:pointer;z-index:99;font-size:20px;}
#header .header-nav{display: table-cell; vertical-align: top; height: 100%;width:100%;z-index:10;}

#header .header-nav #userinfo{width:auto;height:100%;float:right;margin-bottom:0px;padding:0px 15px;}
#header .header-nav #userinfo li{float:left;line-height:70px;font-size:16px;}
#header .header-nav #userinfo li + li{margin-left:20px;}
#header .header-nav #userinfo li.user-face{width:40px;text-align:center;}
#header .header-nav #userinfo li.user-face img{max-width:100%;display:inline-block;border-radius:100%;border:2px solid #fff;}
#header .header-nav #userinfo li#logout{cursor:pointer;font-size:20px;}
#header .header-nav #userinfo li.systemdate{width:120px;font-size:12px;}

/*desktop*/
#desktop{padding-top:70px;padding-left:225px;display: flex; -webkit-box-flex: 1;flex: 1 auto;-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
/*左栏*/
#aside-left{width:225px;display:flex;-webkit-box-flex: 1; flex: 1 auto;top: 70px;bottom: 0;position: fixed;height: auto !important; left: 0;z-index: 98;-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
/*左栏菜单容器*/
#aside-left .aside-menu{padding:20px 0px;display:flex;-webkit-box-flex: 1;flex:1 auto;-webkit-box-orient: horizontal ;flex-direction:column ;overflow:auto;}
/*下拉式菜单*/
#aside-left .aside-menu .dorpdown-submenu{float:left;margin-bottom:0px;}
#aside-left .aside-menu .dorpdown-submenu li.menu-item{width:100%;height:44px;display:block;float:left;}
#aside-left .aside-menu .dorpdown-submenu li.has-sub-menu{width:100%;height:auto !important;display:block;float:left;}
#aside-left .aside-menu .dorpdown-submenu li.menu-section{width:100%;height:44px;display:block;float:left;padding:9px 20px;line-height:26px;}
#aside-left .aside-menu .dorpdown-submenu li.menu-section .menu-section-text{margin:0px;line-height:26px;}
#aside-left .aside-menu .dorpdown-submenu li a{width:100%;height:100%;padding:9px 20px;display:block;line-height:26px;cursor:pointer;float:left;transition:all 0.3s;}
#aside-left .aside-menu .dorpdown-submenu li a i.item-icon{width:30px;text-align:left;display:inline-block;float:left;line-height:26px;transition:all 0.3s;}
#aside-left .aside-menu .dorpdown-submenu li a span.menu-text{width:100px;display:inline-block;float:left;transition:all 0.3s;}
#aside-left .aside-menu .dorpdown-submenu li a i.item-angle{display:inline-block;float:right;line-height:26px;font-size:16px;transition:all 0.3s;}
#aside-left .aside-menu .dorpdown-submenu li a i.item-icon .item-dot{width:4px;height:4px;display:inline-block;border-radius:100%;transition:all 0.3s;}
#aside-left .aside-menu .dorpdown-submenu li .sub-menu{width:100%;display:none;}
#aside-left .aside-menu .dorpdown-submenu li .sub-menu a{padding-left:20px;transition:all 0.3s;font-size:12px;}
#aside-left .aside-menu .dorpdown-submenu li.has-sub-menu.open i.item-angle{transform:rotateZ(90deg);}

/*子容器*/
#sub-wrapper{display:flex; -webkit-box-flex: 1; flex:1 auto; overflow:hidden;-webkit-overflow-scrolling:auto;-webkit-box-orient: horizontal;-webkit-box-direction: normal; flex-direction: column;min-width: 0;margin-bottom: 60px;max-width: 100%;}
/*子内容容器*/
#sub-content{-webkit-box-flex: 1; flex:1 auto;max-width: 100%;overflow:hidden;padding:15px;}

/*子标题*/
#sub-header{display:flex;padding: 0px 15px 15px 15px;flex:0 auto;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center !important;align-items: center !important;}
#sub-header .sub-title{display: flex;-webkit-box-orient: vertical;margin-right:auto;}
#sub-header .sub-title h3{margin:0px;}
#sub-header .sub-title h3 i{margin-right: 5px;}
#sub-header .sub-tools{display:flex;}
/*记录条工具*/
.record-tool{float:left;margin-bottom:0px;}
#edit-content{padding:30px 15px;display:none;}
#sub-header-second { padding: 0px 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;order:1;height:70px;}
#sub-report{width: 100%;height: 550px;}

#modal-video video{max-width:100%;}

/*地图容器*/
.mapcontainer{height:300px;margin: 10px 0;}
.form-horizontal .form-group{margin-left: 0;margin-right: 0;}
.form-horizontal .form-group label{width: 100%;}

/*重写*/
.margin-10{margin-left: 10%;}
.wid-97{width: 97%;}
.bt-15{margin-bottom: 15px;}
.inactive{display: none};

/*定义块*/
.card-show{height: 300px;padding: 0px;}
/* .grey-card {
    background-color: #363852;
} */
.white-card{background-color: #ffffff;margin:  10px;}
.card-info{font-size: 18px;font-weight: 700;border-bottom: darkgray solid 1px;}
.card-title{margin-left: 10px;line-height: 30px;}
.todolist-button a{display: inline-block;position: relative;top:15%;left:10%;}
.todo-span{position: relative;left: 20%;font-size: 20px;font-weight: 700;}

/*所有swiper容器*/
.swiper-shortcut,.swiper-system,.swiper-dataoverview,.swiper-productnews{width: 100%;height: 240px;}
.swiper-dataoverview{height: 540px;}
.shortcut-pagination,.system-pagination,.dataoverview-pagination,.productnews-pagination{width: 10%;right: 3%;display: inline-block;}
.dataoverview-pagination{width: 6%;right: 1%;}
.index-bulletElement{margin-right: 5px;width: 10px;height: 10px;display: inline-block;border-radius: 100%;background: #000;opacity: 0.2;}
.swiper-pagination-bullet-active {opacity: 1;background: #007aff;}
/*分栏*/
.shortcut-button{width: 100%;display: block;height: 120px;padding: 10px 0;}

.indexgroup{float: left;width: 25%;}
.shortcut-icon ,.shortcut-text{height: 60px;margin: 0 auto;}
.shortcut-text{height: 20px;margin-top: 0px;}
.shortcut-icon a{display: block; width:100%;height:100%;text-align: center;}
.shortcut-icon a::after {content:"";display:inline-block;width:0;height:100%;background-color:red;vertical-align:middle;}
.shortcut-icon .fa{vertical-align:middle;}

.shortcut-text{text-align: center;}
.todolist-icon,.todolist-text{height: 100px;width: 45%;float: left;margin: 10px;}
.todolist-text{height: 20px;margin-top: 0px;}
.dataoverview{height: 600px;}
.todolist-info,
.system-info,
.effectrefort-info,
.monitoring-info,
.lastone {
    height: 240px;
    width: 100%;
    border-bottom: darkgray solid 1px;
}
.todolist-info{padding: 0px 5px;}
.version-text{font-size: 20px;font-weight: bolder;position: relative;left: 50%;top:65%}

.eventlist{height: 600px;}
.eventlist-info{height: 540px;width: 100%;}

/*数据概览echart*/
.mainChart{width: 100%;height: 100%;}

/*权限排列*/
.admingroupline{width:25%;float: left;}

